@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
@@ -18,7 +18,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
18
18
  hint = _ref.hint,
19
19
  labelAdditionalInfo = _ref.labelAdditionalInfo,
20
20
  onUploaded = _ref.onUploaded,
21
- onImageSizeUpdated = _ref.onImageSizeUpdated;
21
+ onImageSizeUpdated = _ref.onImageSizeUpdated,
22
+ ImageEditor = _ref.ImageEditor;
22
23
 
23
24
  var _useState = useState(errors),
24
25
  _useState2 = _slicedToArray(_useState, 2),
@@ -61,7 +62,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
61
62
  className: className,
62
63
  errors: errors,
63
64
  onUploaded: onUploaded,
64
- onImageSizeUpdated: onImageSizeUpdated
65
+ onImageSizeUpdated: onImageSizeUpdated,
66
+ ImageEditor: ImageEditor
65
67
  }))), /*#__PURE__*/React.createElement(Control.Errors, null));
66
68
  };
67
69
 
@@ -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;"}
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;"}
@@ -180,6 +180,7 @@ export interface IControlXhrImagePicker extends IImagePicker, IControlCommonProp
180
180
  onChange?: (file: IUseFilePickerOnChange, size?: TImageSize) => void;
181
181
  labelAdditionalInfo?: string | ReactNode;
182
182
  onUploaded?: (resp: IRequestResponse<any>, file: File) => void;
183
+ ImageEditor?: React.FunctionComponent;
183
184
  }
184
185
  export interface ICellSelector {
185
186
  rows?: number;
@@ -40,6 +40,7 @@ export interface IUseFilePicker {
40
40
  onFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
41
41
  onFileDelete: () => void;
42
42
  onPreviewError: () => void;
43
+ changeFile: (files: FileList) => void;
43
44
  file: TFilePickerFile | undefined;
44
45
  errors: string[];
45
46
  isPreview: boolean;
@@ -93,8 +93,11 @@ var useFilePicker = function useFilePicker(_ref) {
93
93
  return isValid;
94
94
  };
95
95
 
96
- var onFileChange = function onFileChange(_ref2) {
97
- var files = _ref2.target.files;
96
+ var onFileChange = function onFileChange(event) {
97
+ changeFile(event.target.files);
98
+ };
99
+
100
+ var changeFile = function changeFile(files) {
98
101
  setErrors([]);
99
102
  updateFile(files);
100
103
  };
@@ -163,6 +166,7 @@ var useFilePicker = function useFilePicker(_ref) {
163
166
  onDragLeave: onDragLeave,
164
167
  onFileDelete: onFileDelete,
165
168
  onPreviewError: onPreviewError,
169
+ changeFile: changeFile,
166
170
  file: file,
167
171
  errors: errors,
168
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;"}
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;"}
@@ -3,6 +3,8 @@ declare const _default: {
3
3
  imagePickerWrapper: string;
4
4
  imagePickerWrapperError: string;
5
5
  imagePickerWrapperHasFile: string;
6
+ imagePickerWrapperTopButtons: string;
7
+ imagePickerEditButton: string;
6
8
  imagePickerLabel: string;
7
9
  imagePickerDescription: string;
8
10
  imagePickerImagePreview: string;
@@ -4,6 +4,8 @@ var CSS_CLASSES = {
4
4
  imagePickerWrapper: "".concat(imagePicker, "__wrapper"),
5
5
  imagePickerWrapperError: "".concat(imagePicker, "__wrapper-error"),
6
6
  imagePickerWrapperHasFile: "".concat(imagePicker, "__wrapper-has-file"),
7
+ imagePickerWrapperTopButtons: "".concat(imagePicker, "__wrapper-top-buttons"),
8
+ imagePickerEditButton: "".concat(imagePicker, "__edit-button"),
7
9
  imagePickerLabel: "".concat(imagePicker, "__label"),
8
10
  imagePickerDescription: "".concat(imagePicker, "__description"),
9
11
  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;"}
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;"}
@@ -24,7 +24,9 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
24
24
  name = _ref.name,
25
25
  _ref$className = _ref.className,
26
26
  className = _ref$className === void 0 ? '' : _ref$className,
27
- onImageSizeUpdated = _ref.onImageSizeUpdated;
27
+ onImageSizeUpdated = _ref.onImageSizeUpdated,
28
+ topButtons = _ref.topButtons,
29
+ editedImageResult = _ref.editedImageResult;
28
30
 
29
31
  var _useTranslation = useTranslation(),
30
32
  _useTranslation2 = _slicedToArray(_useTranslation, 1),
@@ -46,6 +48,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
46
48
  onDragLeave = _useFilePicker.onDragLeave,
47
49
  onFileDelete = _useFilePicker.onFileDelete,
48
50
  onPreviewError = _useFilePicker.onPreviewError,
51
+ changeFile = _useFilePicker.changeFile,
49
52
  file = _useFilePicker.file,
50
53
  errors = _useFilePicker.errors,
51
54
  isPreview = _useFilePicker.isPreview,
@@ -65,6 +68,18 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
65
68
  useEffect(function () {
66
69
  initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
67
70
  }, [initialFile]);
71
+ useEffect(function () {
72
+ if (!editedImageResult) return;
73
+ var fileList = createFileList(editedImageResult);
74
+ changeFile(fileList);
75
+ updateFile(fileList);
76
+ }, [editedImageResult]);
77
+
78
+ var createFileList = function createFileList(file) {
79
+ var fileArray = [];
80
+ fileArray.push(file);
81
+ return fileArray;
82
+ };
68
83
 
69
84
  var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
70
85
  createImageFromUrl(fileUrl).then(function (image) {
@@ -144,7 +159,9 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
144
159
  className: imagePickerClassName
145
160
  }, /*#__PURE__*/React.createElement("div", {
146
161
  className: "".concat(imagePickerWrapperClassName, " ").concat(dragOverStyles.imagePickerWrapper)
147
- }, file && (isPreview ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePreview, {
162
+ }, file && (isPreview ? /*#__PURE__*/React.createElement(React.Fragment, null, topButtons && /*#__PURE__*/React.createElement("div", {
163
+ className: styles[CSS_CLASSES.imagePickerWrapperTopButtons]
164
+ }, topButtons), /*#__PURE__*/React.createElement(ImagePreview, {
148
165
  file: file,
149
166
  isValid: !(errors !== null && errors !== void 0 && errors.length),
150
167
  onError: onPreviewError
@@ -174,7 +191,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
174
191
  }, function (prev, curr) {
175
192
  var _prev$initialFile, _curr$initialFile, _prev$initialFile2, _curr$initialFile2;
176
193
 
177
- 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;
194
+ 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;
178
195
  });
179
196
 
180
197
  export default ImagePicker;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA,gCAAgC,yDAA6D;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,11 +1,13 @@
1
1
  import { IFilePicker, TFilesExtension } from "../file_picker/types";
2
- import React from 'react';
2
+ import React, { ReactNode } from 'react';
3
3
  export declare type TImagePickerFile = {
4
4
  fileUrl: string;
5
5
  fileName: string;
6
6
  };
7
7
  export interface IImagePicker extends IFilePicker {
8
8
  onImageSizeUpdated?: (imageSize?: TImageSize) => void;
9
+ topButtons?: ReactNode;
10
+ editedImageResult?: File;
9
11
  }
10
12
  export interface ISelectedImagePreview {
11
13
  file: TImagePickerFile;
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/types.ts"],"names":[],"mappings":"AAAA,OAA6C,qCAAqC,CAAC;AAEnF,OAAkB,OAAO,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/types.ts"],"names":[],"mappings":"AAAA,OAA6C,qCAAqC,CAAC;AACnF,OAAiC,OAAO,CAAC"}
@@ -16,6 +16,8 @@ var ModalNew = function ModalNew(_ref) {
16
16
  animationDirection = _ref$animationDirecti === void 0 ? MODAL_ANIMATION_DIRECTIONS.top : _ref$animationDirecti,
17
17
  header = _ref.header,
18
18
  footer = _ref.footer,
19
+ minWidth = _ref.minWidth,
20
+ maxWidth = _ref.maxWidth,
19
21
  children = _ref.children;
20
22
 
21
23
  var _useState = useState(false),
@@ -82,7 +84,11 @@ var ModalNew = function ModalNew(_ref) {
82
84
  if (!$modalsManagerContainer) return null;
83
85
  return renderModal ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
84
86
  id: name,
85
- className: modalClassNames
87
+ className: "".concat(modalClassNames, " js__modal"),
88
+ style: {
89
+ minWidth: minWidth,
90
+ maxHeight: maxWidth
91
+ }
86
92
  }, header && /*#__PURE__*/React.createElement(ModalHeader, {
87
93
  content: header.content,
88
94
  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;"}
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;"}
@@ -46,7 +46,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
46
46
  }, showWrapper && /*#__PURE__*/React.createElement("div", {
47
47
  className: "".concat(styles[cssModalsManagerWrapper])
48
48
  }, /*#__PURE__*/React.createElement("div", {
49
- className: modalsWrapperBackdropClassNames
49
+ className: "".concat(modalsWrapperBackdropClassNames, " js__modal-mask")
50
50
  }), /*#__PURE__*/React.createElement("div", {
51
51
  id: MODALS_CONTENT_ID,
52
52
  className: "".concat(styles[cssModalsManagerWrapperContent])
@@ -22,6 +22,8 @@ export interface IModalNewProps {
22
22
  animationDirection?: typeof MODAL_ANIMATION_DIRECTIONS[keyof typeof MODAL_ANIMATION_DIRECTIONS];
23
23
  header?: IModalHeaderProps;
24
24
  footer?: IModalFooterProps;
25
+ minWidth?: string;
26
+ maxWidth?: string;
25
27
  children: ReactNode;
26
28
  }
27
29
  export interface IModalHeaderProps {
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IXhrImagePickerProps } from "./types";
2
+ import React from 'react';
3
3
  declare const XhrImagePicker: React.FC<IXhrImagePickerProps>;
4
4
  export default XhrImagePicker;
@@ -1,8 +1,14 @@
1
- import React, { useRef, useEffect } from 'react';
2
- import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
1
+ import React, { useRef, useState, useEffect } from 'react';
2
+ import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
3
+ import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
4
  import { FILES_EXTENSIONS } from '../file_picker/constants.js';
4
5
  import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
6
+ import CSS_CLASSES from '../image_picker/css_classes.js';
7
+ import IconImage from '../../assets/icon_image.js';
8
+ import styles from '../../css/image_picker/main.module.less.js';
5
9
  import ImagePicker from '../image_picker/index.js';
10
+ import { useModalsContext } from '../modal_new/hooks/use_modals_context.js';
11
+ import { ModalNew } from '../modal_new/components/modal/modal.js';
6
12
  import { useHttpApi } from '../../hooks/use_http_api.js';
7
13
 
8
14
  var XhrImagePicker = function XhrImagePicker(_ref) {
@@ -16,11 +22,43 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
16
22
  onChange = _ref.onChange,
17
23
  onImageSizeUpdated = _ref.onImageSizeUpdated,
18
24
  _ref$allowedExtension = _ref.allowedExtensions,
19
- allowedExtensions = _ref$allowedExtension === void 0 ? [FILES_EXTENSIONS.WEBP, FILES_EXTENSIONS.JPG, FILES_EXTENSIONS.PNG, FILES_EXTENSIONS.GIF, FILES_EXTENSIONS.SVG, FILES_EXTENSIONS.JPEG] : _ref$allowedExtension;
25
+ allowedExtensions = _ref$allowedExtension === void 0 ? [FILES_EXTENSIONS.WEBP, FILES_EXTENSIONS.JPG, FILES_EXTENSIONS.PNG, FILES_EXTENSIONS.GIF, FILES_EXTENSIONS.SVG, FILES_EXTENSIONS.JPEG] : _ref$allowedExtension,
26
+ ImageEditor = _ref.ImageEditor;
27
+
28
+ var _useTranslation = useTranslation(),
29
+ _useTranslation2 = _slicedToArray(_useTranslation, 1),
30
+ t = _useTranslation2[0];
31
+
20
32
  var httpApi = useHttpApi();
21
33
  var pendingRequestRef = React.useRef();
22
34
  var initialImageFile = useRef();
23
35
 
36
+ var _useModalsContext = useModalsContext(),
37
+ showModal = _useModalsContext.showModal,
38
+ hideModal = _useModalsContext.hideModal;
39
+
40
+ var modalId = "image-picker-editor-".concat(id);
41
+
42
+ var _useState = useState(),
43
+ _useState2 = _slicedToArray(_useState, 2),
44
+ initialImage = _useState2[0],
45
+ setInitialImage = _useState2[1];
46
+
47
+ var _useState3 = useState(),
48
+ _useState4 = _slicedToArray(_useState3, 2),
49
+ image = _useState4[0],
50
+ setImage = _useState4[1];
51
+
52
+ var _useState5 = useState(''),
53
+ _useState6 = _slicedToArray(_useState5, 2),
54
+ imageEditorSrc = _useState6[0],
55
+ setImageEditorSrc = _useState6[1];
56
+
57
+ var _useState7 = useState(),
58
+ _useState8 = _slicedToArray(_useState7, 2),
59
+ imageEditorResult = _useState8[0],
60
+ setImageEditorResult = _useState8[1];
61
+
24
62
  var handleControlChange = /*#__PURE__*/function () {
25
63
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
26
64
  var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, data;
@@ -29,19 +67,20 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
29
67
  while (1) switch (_context.prev = _context.next) {
30
68
  case 0:
31
69
  fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
70
+ fileList && setImage(fileList[0]);
32
71
  onChange === null || onChange === void 0 || onChange({
33
72
  fileList: fileList,
34
73
  fileAsDataUrl: fileAsDataUrl
35
74
  });
36
75
 
37
76
  if (!(!fileList || !fileList.length)) {
38
- _context.next = 4;
77
+ _context.next = 5;
39
78
  break;
40
79
  }
41
80
 
42
81
  return _context.abrupt("return");
43
82
 
44
- case 4:
83
+ case 5:
45
84
  if (pendingRequestRef.current) {
46
85
  pendingRequestRef.current();
47
86
  pendingRequestRef.current = undefined;
@@ -53,14 +92,14 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
53
92
  data: fileList[0]
54
93
  }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
55
94
  pendingRequestRef.current = cancelRequest;
56
- _context.next = 9;
95
+ _context.next = 10;
57
96
  return response;
58
97
 
59
- case 9:
98
+ case 10:
60
99
  data = _context.sent;
61
100
  onUploaded === null || onUploaded === void 0 || onUploaded(data, fileList[0]);
62
101
 
63
- case 11:
102
+ case 12:
64
103
  case "end":
65
104
  return _context.stop();
66
105
  }
@@ -74,13 +113,56 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
74
113
 
75
114
  useEffect(function () {
76
115
  initialImageFile.current = initialFile;
116
+
117
+ var setFileFromUrl = /*#__PURE__*/function () {
118
+ var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(fileData) {
119
+ var response, data, file;
120
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
121
+ while (1) switch (_context2.prev = _context2.next) {
122
+ case 0:
123
+ _context2.next = 2;
124
+ return fetch(fileData.fileUrl);
125
+
126
+ case 2:
127
+ response = _context2.sent;
128
+ _context2.next = 5;
129
+ return response.blob();
130
+
131
+ case 5:
132
+ data = _context2.sent;
133
+ file = new File([data], fileData.fileName);
134
+ setInitialImage(file);
135
+
136
+ case 8:
137
+ case "end":
138
+ return _context2.stop();
139
+ }
140
+ }, _callee2);
141
+ }));
142
+
143
+ return function setFileFromUrl(_x2) {
144
+ return _ref3.apply(this, arguments);
145
+ };
146
+ }();
147
+
148
+ if (!initialImageFile.current) return;
149
+ setFileFromUrl(initialImageFile.current);
77
150
  return function () {
78
151
  var _pendingRequestRef$cu;
79
152
 
80
153
  return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
81
154
  };
82
155
  }, []);
83
- return /*#__PURE__*/React.createElement(ImagePicker, {
156
+ useEffect(function () {
157
+ var src = image !== null && image !== void 0 ? image : initialImage;
158
+ setImageEditorSrc(src !== null && src !== void 0 ? src : '');
159
+ }, [image, initialImage]);
160
+
161
+ var renderImageEditor = function renderImageEditor(defaultProps) {
162
+ return ImageEditor ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps))) : null;
163
+ };
164
+
165
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
84
166
  id: id,
85
167
  name: name,
86
168
  onChange: handleControlChange,
@@ -88,8 +170,26 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
88
170
  errors: errors,
89
171
  allowedExtensions: allowedExtensions,
90
172
  initialFile: initialImageFile.current,
91
- onImageSizeUpdated: onImageSizeUpdated
92
- });
173
+ onImageSizeUpdated: onImageSizeUpdated,
174
+ topButtons: ImageEditor && /*#__PURE__*/React.createElement("button", {
175
+ className: styles[CSS_CLASSES.imagePickerEditButton],
176
+ onClick: function onClick() {
177
+ return showModal(modalId);
178
+ },
179
+ type: "button"
180
+ }, /*#__PURE__*/React.createElement(IconImage, null), t('Edit')),
181
+ editedImageResult: imageEditorResult
182
+ }), /*#__PURE__*/React.createElement(ModalNew, {
183
+ name: modalId,
184
+ header: t('Edit image'),
185
+ minWidth: "80vw"
186
+ }, renderImageEditor({
187
+ src: imageEditorSrc,
188
+ onEditionDone: function onEditionDone(result) {
189
+ hideModal(modalId);
190
+ setImageEditorResult(result);
191
+ }
192
+ })));
93
193
  };
94
194
 
95
195
  export 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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,7 +1,13 @@
1
+ /// <reference types="react" />
1
2
  import { IImagePicker } from "../image_picker/types";
2
3
  import { IRequestResponse } from '@dreamcommerce/star_core';
3
- export interface IXhrImagePickerProps extends IImagePicker {
4
+ export interface IXhrImagePickerProps extends Omit<IImagePicker, 'topButtons'> {
4
5
  url: string;
5
6
  onUploaded?: (resp: IRequestResponse<any>, file: File) => void;
6
7
  onUploadError?: Function;
8
+ ImageEditor?: React.FunctionComponent;
9
+ }
10
+ export interface IImageEditorProps {
11
+ src?: File | string;
12
+ onEditionDone?: (result: File | undefined) => void;
7
13
  }
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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";
3
+ 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";
4
4
  var styles = {
5
5
  "image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
6
6
  "image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
@@ -8,6 +8,8 @@ var styles = {
8
8
  "image-picker__label": "main-module_image-picker__label__1i_Fq",
9
9
  "image-picker__description": "main-module_image-picker__description__1v13N",
10
10
  "image-picker__upload-icon": "main-module_image-picker__upload-icon__3sMvN",
11
+ "image-picker__wrapper-top-buttons": "main-module_image-picker__wrapper-top-buttons__241RY",
12
+ "image-picker__edit-button": "main-module_image-picker__edit-button__3O-iq",
11
13
  "image-picker__input": "main-module_image-picker__input__3Wu2I",
12
14
  "image-picker__supported-formats": "main-module_image-picker__supported-formats__1_R_X",
13
15
  "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,wBAAwB,8DAAkE;AAC1F;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,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -54,6 +54,7 @@ import { IControlRadioGroupOption } from "./components/controls/types";
54
54
  import { IDatepickerRange } from "./components/date_picker/types";
55
55
  import { IDropdownContext } from "./components/dropdown/context/types";
56
56
  import { IHeadingProps } from "./components/heading/types";
57
+ import { IImageEditorProps } from "./components/xhr_image_picker/types";
57
58
  import { ILoaderProps } from "./components/loader/types";
58
59
  import { IWithLoader } from "./components/with_loader/types";
59
60
  import IconArrow from "./assets/icon_arrow";
@@ -127,4 +128,4 @@ export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect
127
128
  /**
128
129
  * export types
129
130
  */
130
- export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IColorPickerColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended, TImageSize };
131
+ export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IColorPickerColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended, TImageSize, IImageEditorProps };
@@ -38,6 +38,7 @@ export { default as TagsSelector } from './components/tags_selector/index.js';
38
38
  export { default as ControlTagsSelector } from './components/controls/hoc/control_tags_selector/index.js';
39
39
  export { default as ControlTextarea } from './components/controls/hoc/control_textarea/index.js';
40
40
  export { default as ImagePicker } from './components/image_picker/index.js';
41
+ export { ModalNew } from './components/modal_new/components/modal/modal.js';
41
42
  export { default as XhrImagePicker } from './components/xhr_image_picker/index.js';
42
43
  export { default as ControlXhrImagePicker } from './components/controls/hoc/control_xhr_image_picker/index.js';
43
44
  export { default as Table } from './components/table/index.js';
@@ -59,7 +60,6 @@ export { default as Link } from './components/link/index.js';
59
60
  export { default as Loader } from './components/loader/index.js';
60
61
  export { default as Modal } from './components/modal/index.js';
61
62
  export { ModalContext } from './components/modal/context/modal_context.js';
62
- export { ModalNew } from './components/modal_new/components/modal/modal.js';
63
63
  export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
64
64
  export { default as useModals } from './components/modal_new/hooks/use_modals.js';
65
65
  export { default as ModalsManager } from './components/modal_new/index.js';
@@ -55,5 +55,7 @@
55
55
  "Invalid file format": "Invalid file format",
56
56
  "save": "save",
57
57
  "Shades of color": "Shades of color",
58
- "Select color": "Select color"
58
+ "Select color": "Select color",
59
+ "Edit": "Edit",
60
+ "Edit image": "Edit image"
59
61
  }
@@ -26,6 +26,7 @@ var Add = "Add";
26
26
  var Remove = "Remove";
27
27
  var Search = "Search";
28
28
  var save = "save";
29
+ var Edit = "Edit";
29
30
  var en = {
30
31
  date: date,
31
32
  cancel: cancel,
@@ -83,9 +84,11 @@ var en = {
83
84
  "Invalid file format": "Invalid file format",
84
85
  save: save,
85
86
  "Shades of color": "Shades of color",
86
- "Select color": "Select color"
87
+ "Select color": "Select color",
88
+ Edit: Edit,
89
+ "Edit image": "Edit image"
87
90
  };
88
91
 
89
92
  export default en;
90
- export { Add, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, save, september, sunday, thursday, tuesday, wednesday };
93
+ export { Add, Edit, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, save, september, sunday, thursday, tuesday, wednesday };
91
94
  //# sourceMappingURL=en.json.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
@@ -55,5 +55,7 @@
55
55
  "Invalid file format": "Nieprawidłowy format pliku",
56
56
  "save": "zapisz",
57
57
  "Shades of color": "Odcienie koloru",
58
- "Select color": "Wybierz kolor"
58
+ "Select color": "Wybierz kolor",
59
+ "Edit": "Edytuj",
60
+ "Edit image": "Edytuj obrazek"
59
61
  }
@@ -26,6 +26,7 @@ var Add = "Dodaj";
26
26
  var Remove = "Usuń";
27
27
  var Search = "Szukaj";
28
28
  var save = "zapisz";
29
+ var Edit = "Edytuj";
29
30
  var pl = {
30
31
  date: date,
31
32
  cancel: cancel,
@@ -83,9 +84,11 @@ var pl = {
83
84
  "Invalid file format": "Nieprawidłowy format pliku",
84
85
  save: save,
85
86
  "Shades of color": "Odcienie koloru",
86
- "Select color": "Wybierz kolor"
87
+ "Select color": "Wybierz kolor",
88
+ Edit: Edit,
89
+ "Edit image": "Edytuj obrazek"
87
90
  };
88
91
 
89
92
  export default pl;
90
- export { Add, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, save, september, sunday, thursday, tuesday, wednesday };
93
+ export { Add, Edit, Remove, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, save, september, sunday, thursday, tuesday, wednesday };
91
94
  //# sourceMappingURL=pl.json.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
@@ -35,11 +35,6 @@ var AxiosClient = /*#__PURE__*/function () {
35
35
  cancelRequest: cancelRequest
36
36
  };
37
37
  }
38
- }, {
39
- key: "isCancelError",
40
- value: function isCancelError(error) {
41
- return axios.isCancel(error);
42
- }
43
38
  }]);
44
39
  }();
45
40
 
@@ -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;"}
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;"}