@dreamcommerce/aurora 3.1.5 → 3.1.6

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 (41) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +4 -7
  2. package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.js +1 -1
  4. package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js +4 -16
  5. package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js +5 -4
  7. package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js +32 -0
  9. package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -0
  10. package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js +21 -43
  11. package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +42 -17
  13. package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/translations/en.json.js +1 -0
  15. package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
  16. package/build/cjs/packages/aurora/src/translations/pl.json.js +1 -0
  17. package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +5 -8
  19. package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map +1 -1
  20. package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview.js +1 -1
  21. package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js +4 -16
  22. package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map +1 -1
  23. package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +5 -4
  24. package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.d.ts +4 -0
  26. package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js +24 -0
  27. package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -0
  28. package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.d.ts +0 -2
  29. package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.d.ts +1 -1
  30. package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js +23 -45
  31. package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js.map +1 -1
  32. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +42 -17
  33. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
  34. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.d.ts +1 -0
  35. package/build/esm/packages/aurora/src/translations/en.json +1 -0
  36. package/build/esm/packages/aurora/src/translations/en.json.js +1 -0
  37. package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
  38. package/build/esm/packages/aurora/src/translations/pl.json +1 -0
  39. package/build/esm/packages/aurora/src/translations/pl.json.js +1 -0
  40. package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
  41. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js CHANGED
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
6
  var control = require('../../control/control.js');
8
7
  var helper_text = require('../../helper_text/helper_text.js');
9
8
  var label = require('../../label/label.js');
@@ -29,17 +28,15 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
29
28
  onUploaded = _ref.onUploaded,
30
29
  helperText = _ref.helperText,
31
30
  onImageSizeUpdated = _ref.onImageSizeUpdated,
32
- ImageEditor = _ref.ImageEditor;
33
- var _useState = React.useState(errors),
34
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
35
- setErrors = _useState2[1];
31
+ ImageEditor = _ref.ImageEditor,
32
+ onError = _ref.onError;
36
33
  var handleControlError = function handleControlError(errors) {
37
- setErrors(errors);
34
+ onError === null || onError === void 0 ? void 0 : onError(errors);
38
35
  };
39
36
  var handleControlChange = function handleControlChange(file) {
40
37
  var fileList = file.fileList,
41
38
  fileAsDataUrl = file.fileAsDataUrl;
42
- setErrors(null);
39
+ onError === null || onError === void 0 ? void 0 : onError([]);
43
40
  onChange === null || onChange === void 0 ? void 0 : onChange({
44
41
  fileList: fileList,
45
42
  fileAsDataUrl: fileAsDataUrl
package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.js CHANGED
@@ -13,7 +13,7 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
13
13
  onError = _ref.onError,
14
14
  onLoad = _ref.onLoad;
15
15
  return /*#__PURE__*/React__default['default'].createElement("div", {
16
- className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
16
+ className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center"
17
17
  }, /*#__PURE__*/React__default['default'].createElement("img", {
18
18
  className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
19
19
  alt: file.fileName,
package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js CHANGED
@@ -3,10 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
- var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
8
- var delete_bin_icon = require('../../../assets/icons/delete_bin_icon.js');
9
6
  var utilities = require('@dreamcommerce/utilities');
7
+ var image_picker_delete_button = require('../image_picker_delete_button.js');
10
8
 
11
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
10
 
@@ -17,9 +15,6 @@ var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
17
15
  onFileDelete = _ref.onFileDelete,
18
16
  isValid = _ref.isValid,
19
17
  file = _ref.file;
20
- var _useTranslation = useTranslation.useTranslation(),
21
- _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
22
- t = _useTranslation2[0];
23
18
  var imageName = utilities.FileUtils.getFileName(file.fileName);
24
19
  var imageExtension = utilities.FileUtils.getFileExtension(file.fileName);
25
20
  var imageWidth = imageSize && imageSize.width;
@@ -28,16 +23,9 @@ var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
28
23
  className: "aurora-flex aurora-justify-between aurora-items-center aurora-pt-2 aurora-px-1 aurora-gap-1"
29
24
  }, /*#__PURE__*/React__default['default'].createElement("div", {
30
25
  className: "aurora-text-xs aurora-text-subtle aurora-overflow-hidden aurora-text-ellipsis"
31
- }, isValid && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, imageName, ".".concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React__default['default'].createElement("button", {
32
- "data-test-id": "image-picker-remove-button",
33
- onClick: onFileDelete,
34
- className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
35
- type: "button"
36
- }, /*#__PURE__*/React__default['default'].createElement(delete_bin_icon.DeleteBinLineIcon, {
37
- className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
38
- }), /*#__PURE__*/React__default['default'].createElement("span", {
39
- className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
40
- }, "".concat(t('Remove')))));
26
+ }, isValid && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, imageName, "".concat(imageExtension ? '.' : '').concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React__default['default'].createElement(image_picker_delete_button.ImagePickerDeleteButton, {
27
+ onFileDelete: onFileDelete
28
+ }));
41
29
  };
42
30
 
43
31
  exports.UploadedImagePickerItem = UploadedImagePickerItem;
package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js CHANGED
@@ -12,6 +12,7 @@ var image_picker_drag_over_placeholder = require('./components/image_picker_drag
12
12
  var image_picker_input = require('./components/image_picker_input.js');
13
13
  var image_picker_preview = require('./components/image_picker_preview.js');
14
14
  var image_picker_preview_container = require('./components/image_picker_preview_container.js');
15
+ var image_picker_delete_button = require('./image_picker_delete_button.js');
15
16
  var uploaded_image_picker_item = require('./components/uploaded_image_picker_item.js');
16
17
  var image_picker_utils = require('./image_picker_utils.js');
17
18
  var use_image_picker = require('./use_image_picker.js');
@@ -24,7 +25,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
24
25
  var id = _ref.id,
25
26
  onChange = _ref.onChange,
26
27
  onError = _ref.onError,
27
- initialErrors = _ref.errors,
28
+ errors = _ref.errors,
28
29
  _ref$allowedExtension = _ref.allowedExtensions,
29
30
  allowedExtensions = _ref$allowedExtension === void 0 ? [image_picker_constants.IMAGE_PICKER_EXTENSIONS.WEBP, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.PNG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.GIF, image_picker_constants.IMAGE_PICKER_EXTENSIONS.SVG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
30
31
  allowedExtensionsLabel = _ref.allowedExtensionsLabel,
@@ -48,7 +49,6 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
48
49
  initialFile: initialFile,
49
50
  onChange: handleOnChange,
50
51
  allowedExtensions: allowedExtensions,
51
- initialErrors: initialErrors,
52
52
  onError: onError,
53
53
  inputRef: inputRef
54
54
  }),
@@ -60,7 +60,6 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
60
60
  onPreviewError = _useImagePicker.onPreviewError,
61
61
  changeFile = _useImagePicker.changeFile,
62
62
  file = _useImagePicker.file,
63
- errors = _useImagePicker.errors,
64
63
  isPreview = _useImagePicker.isPreview,
65
64
  isDragOver = _useImagePicker.isDragOver;
66
65
  var _useState = React.useState(undefined),
@@ -144,7 +143,9 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
144
143
  file: file,
145
144
  isValid: !(errors !== null && errors !== void 0 && errors.length),
146
145
  onFileDelete: handleOnFileDelete
147
- })), isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview')))) : (/*#__PURE__*/React__default['default'].createElement(image_picker_input.ImagePickerInput, {
146
+ })), isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview'))), /*#__PURE__*/React__default['default'].createElement(image_picker_delete_button.ImagePickerDeleteButton, {
147
+ onFileDelete: onFileDelete
148
+ }))) : (/*#__PURE__*/React__default['default'].createElement(image_picker_input.ImagePickerInput, {
148
149
  onDragLeave: onDragLeave,
149
150
  onDragOver: onDragOver,
150
151
  isDragOver: isDragOver,
package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js ADDED
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
7
+ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
8
+ var delete_bin_icon = require('../../assets/icons/delete_bin_icon.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+
14
+ var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
15
+ var onFileDelete = _ref.onFileDelete;
16
+ var _useTranslation = useTranslation.useTranslation(),
17
+ _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
18
+ t = _useTranslation2[0];
19
+ return /*#__PURE__*/React__default['default'].createElement("button", {
20
+ "data-test-id": "image-picker-remove-button",
21
+ onClick: onFileDelete,
22
+ className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
23
+ type: "button"
24
+ }, /*#__PURE__*/React__default['default'].createElement(delete_bin_icon.DeleteBinLineIcon, {
25
+ className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
26
+ }), /*#__PURE__*/React__default['default'].createElement("span", {
27
+ className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
28
+ }, "".concat(t('Remove'))));
29
+ };
30
+
31
+ exports.ImagePickerDeleteButton = ImagePickerDeleteButton;
32
+ //# sourceMappingURL=image_picker_delete_button.js.map
package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js CHANGED
@@ -12,35 +12,23 @@ var useImagePicker = function useImagePicker(_ref) {
12
12
  initialFile = _ref.initialFile,
13
13
  allowedExtensions = _ref.allowedExtensions,
14
14
  inputRef = _ref.inputRef,
15
- initialErrors = _ref.initialErrors,
16
15
  onError = _ref.onError;
17
- var _useState = React.useState(null),
16
+ var fileListRef = React.useRef(null);
17
+ var _useState = React.useState(initialFile),
18
18
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
19
- fileList = _useState2[0],
20
- setFileList = _useState2[1];
21
- var _useState3 = React.useState(initialFile),
19
+ file = _useState2[0],
20
+ setFile = _useState2[1];
21
+ var _useState3 = React.useState(false),
22
22
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
23
- file = _useState4[0],
24
- setFile = _useState4[1];
25
- var _useState5 = React.useState(null),
23
+ isDragOver = _useState4[0],
24
+ setDragOver = _useState4[1];
25
+ var _useState5 = React.useState(true),
26
26
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
27
- fileAsDataUrl = _useState6[0],
28
- setFileAsDataUrl = _useState6[1];
29
- var _useState7 = React.useState([]),
30
- _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
31
- errors = _useState8[0],
32
- setErrors = _useState8[1];
33
- var _useState9 = React.useState(false),
34
- _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
35
- isDragOver = _useState10[0],
36
- setDragOver = _useState10[1];
37
- var _useState11 = React.useState(true),
38
- _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
39
- isPreview = _useState12[0],
40
- setPreview = _useState12[1];
27
+ isPreview = _useState6[0],
28
+ setPreview = _useState6[1];
41
29
  var reader = React.useRef(new FileReader());
42
30
  React.useEffect(function () {
43
- reader.current && getDataUrlFromFile(reader.current.result);
31
+ reader.current.result && getDataUrlFromFile(reader.current.result);
44
32
  reader.current.addEventListener('load', function () {
45
33
  return getDataUrlFromFile(reader.current.result);
46
34
  }, false);
@@ -53,17 +41,8 @@ var useImagePicker = function useImagePicker(_ref) {
53
41
  React.useEffect(function () {
54
42
  setFile(initialFile);
55
43
  }, [initialFile]);
56
- React.useEffect(function () {
57
- initialErrors && setErrors(initialErrors);
58
- }, [initialErrors]);
59
- React.useEffect(function () {
60
- fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
61
- fileList: fileList,
62
- fileAsDataUrl: fileAsDataUrl
63
- }));
64
- }, [fileAsDataUrl]);
65
44
  var onDropFile = function onDropFile(event) {
66
- setErrors([]);
45
+ onError === null || onError === void 0 ? void 0 : onError([]);
67
46
  event.stopPropagation();
68
47
  event.preventDefault();
69
48
  var files = event.dataTransfer.files;
@@ -78,23 +57,22 @@ var useImagePicker = function useImagePicker(_ref) {
78
57
  return acc ? acc : image_picker_constants.MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
79
58
  }, false);
80
59
  if (isValid) {
81
- setErrors([]);
82
60
  return isValid;
83
61
  }
84
- setErrors([].concat(_rollupPluginBabelHelpers.toConsumableArray(errors), [i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)]));
85
- onError === null || onError === void 0 ? void 0 : onError(errors);
62
+ var newErrors = [i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)];
63
+ onError === null || onError === void 0 ? void 0 : onError(newErrors);
86
64
  return isValid;
87
65
  };
88
66
  var onFileChange = function onFileChange(event) {
89
67
  changeFile(event.target.files);
90
68
  };
91
69
  var changeFile = function changeFile(files) {
92
- setErrors([]);
70
+ onError === null || onError === void 0 ? void 0 : onError([]);
93
71
  updateFile(files);
94
72
  };
95
73
  var updateFile = function updateFile(files) {
96
74
  if (files !== null && files !== void 0 && files.length) {
97
- setFileList(files);
75
+ fileListRef.current = files;
98
76
  reader.current.readAsDataURL(files[0]);
99
77
  setFile({
100
78
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
@@ -113,7 +91,10 @@ var useImagePicker = function useImagePicker(_ref) {
113
91
  setPreview(true);
114
92
  };
115
93
  var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
116
- setFileAsDataUrl(fileReaderResult);
94
+ onChange === null || onChange === void 0 ? void 0 : onChange({
95
+ fileList: fileListRef.current,
96
+ fileAsDataUrl: fileReaderResult
97
+ });
117
98
  };
118
99
  var onDragOver = function onDragOver(event) {
119
100
  event.stopPropagation();
@@ -128,11 +109,9 @@ var useImagePicker = function useImagePicker(_ref) {
128
109
  };
129
110
  var onFileDelete = function onFileDelete() {
130
111
  inputRef.current.value = '';
131
- setFileList(null);
112
+ fileListRef.current = null;
132
113
  setFile(undefined);
133
- setFileAsDataUrl(null);
134
114
  setPreview(true);
135
- setErrors([]);
136
115
  onChange === null || onChange === void 0 ? void 0 : onChange({
137
116
  fileList: null,
138
117
  fileAsDataUrl: null
@@ -150,7 +129,6 @@ var useImagePicker = function useImagePicker(_ref) {
150
129
  onPreviewError: onPreviewError,
151
130
  changeFile: changeFile,
152
131
  file: file,
153
- errors: errors,
154
132
  isPreview: isPreview,
155
133
  isDragOver: isDragOver
156
134
  };
package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js CHANGED
@@ -67,9 +67,10 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
67
67
  _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
68
68
  imageExtenstion = _useState12[0],
69
69
  setImageExtenstion = _useState12[1];
70
+ var fileAsDataUrlRef = React.useRef(undefined);
70
71
  var handleControlChange = /*#__PURE__*/function () {
71
72
  var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
72
- var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
73
+ var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
73
74
  return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
74
75
  while (1) switch (_context.prev = _context.next) {
75
76
  case 0:
@@ -79,12 +80,13 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
79
80
  fileList: fileList,
80
81
  fileAsDataUrl: fileAsDataUrl
81
82
  });
82
- if (!(!fileList || !fileList.length)) {
83
- _context.next = 5;
83
+ fileAsDataUrlRef.current = fileAsDataUrl;
84
+ if (!(!fileList || !fileList.length || fileAsDataUrl)) {
85
+ _context.next = 6;
84
86
  break;
85
87
  }
86
88
  return _context.abrupt("return");
87
- case 5:
89
+ case 6:
88
90
  if (pendingRequestRef.current) {
89
91
  pendingRequestRef.current();
90
92
  pendingRequestRef.current = undefined;
@@ -96,22 +98,44 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
96
98
  data: fileList[0]
97
99
  }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
98
100
  pendingRequestRef.current = cancelRequest;
99
- _context.next = 11;
100
- return response.finally(function () {
101
- return setIsLoading(false);
102
- });
103
- case 11:
101
+ _context.prev = 10;
102
+ _context.next = 13;
103
+ return response;
104
+ case 13:
104
105
  responseObject = _context.sent;
106
+ _context.next = 19;
107
+ break;
108
+ case 16:
109
+ _context.prev = 16;
110
+ _context.t0 = _context["catch"](10);
111
+ onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
112
+ case 19:
113
+ _context.prev = 19;
114
+ setIsLoading(false);
115
+ return _context.finish(19);
116
+ case 22:
117
+ if (responseObject) {
118
+ _context.next = 24;
119
+ break;
120
+ }
121
+ return _context.abrupt("return");
122
+ case 24:
123
+ if (responseObject.data.imagePath) {
124
+ paths = {
125
+ original: responseObject.data.imagePath
126
+ };
127
+ }
105
128
  onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
106
129
  fileList: fileList,
107
- dataUrl: fileAsDataUrl,
108
- imageId: responseObject.data.imageId
130
+ dataUrl: fileAsDataUrlRef.current,
131
+ imageId: responseObject.data.imageId,
132
+ paths: paths
109
133
  });
110
- case 13:
134
+ case 26:
111
135
  case "end":
112
136
  return _context.stop();
113
137
  }
114
- }, _callee);
138
+ }, _callee, null, [[10, 16, 19, 22]]);
115
139
  }));
116
140
  return function handleControlChange(_x) {
117
141
  return _ref2.apply(this, arguments);
@@ -153,15 +177,16 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
153
177
  }, []);
154
178
  React.useEffect(function () {
155
179
  image && setImageExtenstion(utilities.FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
156
- return function () {
157
- var _pendingRequestRef$cu;
158
- return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
159
- };
160
180
  }, [image]);
161
181
  React.useEffect(function () {
162
182
  var src = image !== null && image !== void 0 ? image : initialImage;
163
183
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
164
184
  }, [image, initialImage, isLoading]);
185
+ React.useEffect(function () {
186
+ return function () {
187
+ if (pendingRequestRef.current) pendingRequestRef.current();
188
+ };
189
+ }, []);
165
190
  var renderImageEditor = function renderImageEditor(defaultProps) {
166
191
  return ImageEditor ? (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps)))) : null;
167
192
  };
package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/translations/en.json.js CHANGED
@@ -59,6 +59,7 @@ var en = {
59
59
  Remove: Remove,
60
60
  "Transfering file...": "Transfering file...",
61
61
  "Invalid file format": "Invalid file format",
62
+ "File upload failed": "File upload failed",
62
63
  "Select color": "Select color",
63
64
  "Shades of color": "Shades of color",
64
65
  "Linear gradient": "Linear gradient",
package/build/cjs/packages/aurora/src/translations/en.json.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/translations/pl.json.js CHANGED
@@ -59,6 +59,7 @@ var pl = {
59
59
  Remove: Remove,
60
60
  "Transfering file...": "Wgrywanie pliku...",
61
61
  "Invalid file format": "Niepoprawny format pliku",
62
+ "File upload failed": "Błąd wgrywania pliku",
62
63
  "Select color": "Wybierz kolor",
63
64
  "Shades of color": "Odcienie koloru",
64
65
  "Linear gradient": "Gradient liniowy",
package/build/cjs/packages/aurora/src/translations/pl.json.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js CHANGED
@@ -1,5 +1,4 @@
1
- import React, { useState } from 'react';
2
- import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
1
+ import React from 'react';
3
2
  import { Control } from '../../control/control.js';
4
3
  import { HelperText } from '../../helper_text/helper_text.js';
5
4
  import { Label } from '../../label/label.js';
@@ -21,17 +20,15 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
21
20
  onUploaded = _ref.onUploaded,
22
21
  helperText = _ref.helperText,
23
22
  onImageSizeUpdated = _ref.onImageSizeUpdated,
24
- ImageEditor = _ref.ImageEditor;
25
- var _useState = useState(errors),
26
- _useState2 = _slicedToArray(_useState, 2),
27
- setErrors = _useState2[1];
23
+ ImageEditor = _ref.ImageEditor,
24
+ onError = _ref.onError;
28
25
  var handleControlError = function handleControlError(errors) {
29
- setErrors(errors);
26
+ onError === null || onError === void 0 ? void 0 : onError(errors);
30
27
  };
31
28
  var handleControlChange = function handleControlChange(file) {
32
29
  var fileList = file.fileList,
33
30
  fileAsDataUrl = file.fileAsDataUrl;
34
- setErrors(null);
31
+ onError === null || onError === void 0 ? void 0 : onError([]);
35
32
  onChange === null || onChange === void 0 ? void 0 : onChange({
36
33
  fileList: fileList,
37
34
  fileAsDataUrl: fileAsDataUrl
package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview.js CHANGED
@@ -5,7 +5,7 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
5
5
  onError = _ref.onError,
6
6
  onLoad = _ref.onLoad;
7
7
  return /*#__PURE__*/React.createElement("div", {
8
- className: 'aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center'
8
+ className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center"
9
9
  }, /*#__PURE__*/React.createElement("img", {
10
10
  className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
11
11
  alt: file.fileName,
package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js CHANGED
@@ -1,17 +1,12 @@
1
1
  import React from 'react';
2
- import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
- import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
- import { DeleteBinLineIcon } from '../../../assets/icons/delete_bin_icon.js';
5
2
  import { FileUtils } from '@dreamcommerce/utilities';
3
+ import { ImagePickerDeleteButton } from '../image_picker_delete_button.js';
6
4
 
7
5
  var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
8
6
  var imageSize = _ref.imageSize,
9
7
  onFileDelete = _ref.onFileDelete,
10
8
  isValid = _ref.isValid,
11
9
  file = _ref.file;
12
- var _useTranslation = useTranslation(),
13
- _useTranslation2 = _slicedToArray(_useTranslation, 1),
14
- t = _useTranslation2[0];
15
10
  var imageName = FileUtils.getFileName(file.fileName);
16
11
  var imageExtension = FileUtils.getFileExtension(file.fileName);
17
12
  var imageWidth = imageSize && imageSize.width;
@@ -20,16 +15,9 @@ var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
20
15
  className: "aurora-flex aurora-justify-between aurora-items-center aurora-pt-2 aurora-px-1 aurora-gap-1"
21
16
  }, /*#__PURE__*/React.createElement("div", {
22
17
  className: "aurora-text-xs aurora-text-subtle aurora-overflow-hidden aurora-text-ellipsis"
23
- }, isValid && (/*#__PURE__*/React.createElement(React.Fragment, null, imageName, ".".concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React.createElement("button", {
24
- "data-test-id": "image-picker-remove-button",
25
- onClick: onFileDelete,
26
- className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
27
- type: "button"
28
- }, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {
29
- className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
30
- }), /*#__PURE__*/React.createElement("span", {
31
- className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
32
- }, "".concat(t('Remove')))));
18
+ }, isValid && (/*#__PURE__*/React.createElement(React.Fragment, null, imageName, "".concat(imageExtension ? '.' : '').concat(imageExtension, " (").concat(imageWidth, "x").concat(imageHeight, "px)")))), /*#__PURE__*/React.createElement(ImagePickerDeleteButton, {
19
+ onFileDelete: onFileDelete
20
+ }));
33
21
  };
34
22
 
35
23
  export { UploadedImagePickerItem };
package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/image_picker/image_picker.js CHANGED
@@ -8,6 +8,7 @@ import { ImagePickerDragOverPlaceholder } from './components/image_picker_drag_o
8
8
  import { ImagePickerInput } from './components/image_picker_input.js';
9
9
  import { ImagePickerPreview } from './components/image_picker_preview.js';
10
10
  import { ImagePickerPreviewContainer } from './components/image_picker_preview_container.js';
11
+ import { ImagePickerDeleteButton } from './image_picker_delete_button.js';
11
12
  import { UploadedImagePickerItem } from './components/uploaded_image_picker_item.js';
12
13
  import { getAcceptFilesParametersFromAllowedExtensions } from './image_picker_utils.js';
13
14
  import { useImagePicker } from './use_image_picker.js';
@@ -16,7 +17,7 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
16
17
  var id = _ref.id,
17
18
  onChange = _ref.onChange,
18
19
  onError = _ref.onError,
19
- initialErrors = _ref.errors,
20
+ errors = _ref.errors,
20
21
  _ref$allowedExtension = _ref.allowedExtensions,
21
22
  allowedExtensions = _ref$allowedExtension === void 0 ? [IMAGE_PICKER_EXTENSIONS.WEBP, IMAGE_PICKER_EXTENSIONS.JPG, IMAGE_PICKER_EXTENSIONS.PNG, IMAGE_PICKER_EXTENSIONS.GIF, IMAGE_PICKER_EXTENSIONS.SVG, IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
22
23
  allowedExtensionsLabel = _ref.allowedExtensionsLabel,
@@ -40,7 +41,6 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
40
41
  initialFile: initialFile,
41
42
  onChange: handleOnChange,
42
43
  allowedExtensions: allowedExtensions,
43
- initialErrors: initialErrors,
44
44
  onError: onError,
45
45
  inputRef: inputRef
46
46
  }),
@@ -52,7 +52,6 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
52
52
  onPreviewError = _useImagePicker.onPreviewError,
53
53
  changeFile = _useImagePicker.changeFile,
54
54
  file = _useImagePicker.file,
55
- errors = _useImagePicker.errors,
56
55
  isPreview = _useImagePicker.isPreview,
57
56
  isDragOver = _useImagePicker.isDragOver;
58
57
  var _useState = useState(undefined),
@@ -136,7 +135,9 @@ var ImagePicker = /*#__PURE__*/memo(function (_ref) {
136
135
  file: file,
137
136
  isValid: !(errors !== null && errors !== void 0 && errors.length),
138
137
  onFileDelete: handleOnFileDelete
139
- })), isDragOver && /*#__PURE__*/React.createElement(ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React.createElement("div", null, "".concat(t('No preview')))) : (/*#__PURE__*/React.createElement(ImagePickerInput, {
138
+ })), isDragOver && /*#__PURE__*/React.createElement(ImagePickerDragOverPlaceholder, null))) : (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "".concat(t('No preview'))), /*#__PURE__*/React.createElement(ImagePickerDeleteButton, {
139
+ onFileDelete: onFileDelete
140
+ }))) : (/*#__PURE__*/React.createElement(ImagePickerInput, {
140
141
  onDragLeave: onDragLeave,
141
142
  onDragOver: onDragOver,
142
143
  isDragOver: isDragOver,
package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map CHANGED
@@ -1 +1 @@
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;"}
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;"}
package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const ImagePickerDeleteButton: ({ onFileDelete }: {
3
+ onFileDelete: () => void;
4
+ }) => React.JSX.Element;
package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js ADDED
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
3
+ import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
+ import { DeleteBinLineIcon } from '../../assets/icons/delete_bin_icon.js';
5
+
6
+ var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
7
+ var onFileDelete = _ref.onFileDelete;
8
+ var _useTranslation = useTranslation(),
9
+ _useTranslation2 = _slicedToArray(_useTranslation, 1),
10
+ t = _useTranslation2[0];
11
+ return /*#__PURE__*/React.createElement("button", {
12
+ "data-test-id": "image-picker-remove-button",
13
+ onClick: onFileDelete,
14
+ className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
15
+ type: "button"
16
+ }, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {
17
+ className: "aurora-w-4 aurora-h-4 aurora-fill-danger"
18
+ }), /*#__PURE__*/React.createElement("span", {
19
+ className: "aurora-text-xs aurora-text-danger aurora-font-semibold"
20
+ }, "".concat(t('Remove'))));
21
+ };
22
+
23
+ export { ImagePickerDeleteButton };
24
+ //# sourceMappingURL=image_picker_delete_button.js.map
package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map ADDED
@@ -0,0 +1 @@
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;"}
package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.d.ts CHANGED
@@ -53,7 +53,6 @@ export interface IUseImagePicker {
53
53
  onPreviewError: () => void;
54
54
  changeFile: (files: FileList) => void;
55
55
  file: TImagePickerFile | undefined;
56
- errors: string[];
57
56
  isPreview: boolean;
58
57
  isDragOver: boolean;
59
58
  }
@@ -62,6 +61,5 @@ export interface IUseImagePickerProps {
62
61
  initialFile?: TImagePickerFile;
63
62
  allowedExtensions?: TImagePickerExtension[];
64
63
  inputRef: React.RefObject<HTMLInputElement>;
65
- initialErrors?: TControlErrors;
66
64
  onError?: (errors: string[]) => void;
67
65
  }
package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { IUseImagePicker, IUseImagePickerProps } from './image_picker_types';
2
- export declare const useImagePicker: ({ onChange, initialFile, allowedExtensions, inputRef, initialErrors, onError }: IUseImagePickerProps) => IUseImagePicker;
2
+ export declare const useImagePicker: ({ onChange, initialFile, allowedExtensions, inputRef, onError }: IUseImagePickerProps) => IUseImagePicker;
package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js CHANGED
@@ -1,6 +1,6 @@
1
- import { useState, useRef, useEffect } from 'react';
1
+ import { useRef, useState, useEffect } from 'react';
2
2
  import { i18n } from '../../i18n.js';
3
- import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+ import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
4
  import { MIME_TYPE_TO_FILE_EXTENSIONS, IMAGE_PICKER_ERROR } from './image_picker_constants.js';
5
5
 
6
6
  var useImagePicker = function useImagePicker(_ref) {
@@ -8,35 +8,23 @@ var useImagePicker = function useImagePicker(_ref) {
8
8
  initialFile = _ref.initialFile,
9
9
  allowedExtensions = _ref.allowedExtensions,
10
10
  inputRef = _ref.inputRef,
11
- initialErrors = _ref.initialErrors,
12
11
  onError = _ref.onError;
13
- var _useState = useState(null),
12
+ var fileListRef = useRef(null);
13
+ var _useState = useState(initialFile),
14
14
  _useState2 = _slicedToArray(_useState, 2),
15
- fileList = _useState2[0],
16
- setFileList = _useState2[1];
17
- var _useState3 = useState(initialFile),
15
+ file = _useState2[0],
16
+ setFile = _useState2[1];
17
+ var _useState3 = useState(false),
18
18
  _useState4 = _slicedToArray(_useState3, 2),
19
- file = _useState4[0],
20
- setFile = _useState4[1];
21
- var _useState5 = useState(null),
19
+ isDragOver = _useState4[0],
20
+ setDragOver = _useState4[1];
21
+ var _useState5 = useState(true),
22
22
  _useState6 = _slicedToArray(_useState5, 2),
23
- fileAsDataUrl = _useState6[0],
24
- setFileAsDataUrl = _useState6[1];
25
- var _useState7 = useState([]),
26
- _useState8 = _slicedToArray(_useState7, 2),
27
- errors = _useState8[0],
28
- setErrors = _useState8[1];
29
- var _useState9 = useState(false),
30
- _useState10 = _slicedToArray(_useState9, 2),
31
- isDragOver = _useState10[0],
32
- setDragOver = _useState10[1];
33
- var _useState11 = useState(true),
34
- _useState12 = _slicedToArray(_useState11, 2),
35
- isPreview = _useState12[0],
36
- setPreview = _useState12[1];
23
+ isPreview = _useState6[0],
24
+ setPreview = _useState6[1];
37
25
  var reader = useRef(new FileReader());
38
26
  useEffect(function () {
39
- reader.current && getDataUrlFromFile(reader.current.result);
27
+ reader.current.result && getDataUrlFromFile(reader.current.result);
40
28
  reader.current.addEventListener('load', function () {
41
29
  return getDataUrlFromFile(reader.current.result);
42
30
  }, false);
@@ -49,17 +37,8 @@ var useImagePicker = function useImagePicker(_ref) {
49
37
  useEffect(function () {
50
38
  setFile(initialFile);
51
39
  }, [initialFile]);
52
- useEffect(function () {
53
- initialErrors && setErrors(initialErrors);
54
- }, [initialErrors]);
55
- useEffect(function () {
56
- fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
57
- fileList: fileList,
58
- fileAsDataUrl: fileAsDataUrl
59
- }));
60
- }, [fileAsDataUrl]);
61
40
  var onDropFile = function onDropFile(event) {
62
- setErrors([]);
41
+ onError === null || onError === void 0 ? void 0 : onError([]);
63
42
  event.stopPropagation();
64
43
  event.preventDefault();
65
44
  var files = event.dataTransfer.files;
@@ -74,23 +53,22 @@ var useImagePicker = function useImagePicker(_ref) {
74
53
  return acc ? acc : MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
75
54
  }, false);
76
55
  if (isValid) {
77
- setErrors([]);
78
56
  return isValid;
79
57
  }
80
- setErrors([].concat(_toConsumableArray(errors), [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)]));
81
- onError === null || onError === void 0 ? void 0 : onError(errors);
58
+ var newErrors = [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)];
59
+ onError === null || onError === void 0 ? void 0 : onError(newErrors);
82
60
  return isValid;
83
61
  };
84
62
  var onFileChange = function onFileChange(event) {
85
63
  changeFile(event.target.files);
86
64
  };
87
65
  var changeFile = function changeFile(files) {
88
- setErrors([]);
66
+ onError === null || onError === void 0 ? void 0 : onError([]);
89
67
  updateFile(files);
90
68
  };
91
69
  var updateFile = function updateFile(files) {
92
70
  if (files !== null && files !== void 0 && files.length) {
93
- setFileList(files);
71
+ fileListRef.current = files;
94
72
  reader.current.readAsDataURL(files[0]);
95
73
  setFile({
96
74
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
@@ -109,7 +87,10 @@ var useImagePicker = function useImagePicker(_ref) {
109
87
  setPreview(true);
110
88
  };
111
89
  var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
112
- setFileAsDataUrl(fileReaderResult);
90
+ onChange === null || onChange === void 0 ? void 0 : onChange({
91
+ fileList: fileListRef.current,
92
+ fileAsDataUrl: fileReaderResult
93
+ });
113
94
  };
114
95
  var onDragOver = function onDragOver(event) {
115
96
  event.stopPropagation();
@@ -124,11 +105,9 @@ var useImagePicker = function useImagePicker(_ref) {
124
105
  };
125
106
  var onFileDelete = function onFileDelete() {
126
107
  inputRef.current.value = '';
127
- setFileList(null);
108
+ fileListRef.current = null;
128
109
  setFile(undefined);
129
- setFileAsDataUrl(null);
130
110
  setPreview(true);
131
- setErrors([]);
132
111
  onChange === null || onChange === void 0 ? void 0 : onChange({
133
112
  fileList: null,
134
113
  fileAsDataUrl: null
@@ -146,7 +125,6 @@ var useImagePicker = function useImagePicker(_ref) {
146
125
  onPreviewError: onPreviewError,
147
126
  changeFile: changeFile,
148
127
  file: file,
149
- errors: errors,
150
128
  isPreview: isPreview,
151
129
  isDragOver: isDragOver
152
130
  };
package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js CHANGED
@@ -59,9 +59,10 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
59
59
  _useState12 = _slicedToArray(_useState11, 2),
60
60
  imageExtenstion = _useState12[0],
61
61
  setImageExtenstion = _useState12[1];
62
+ var fileAsDataUrlRef = useRef(undefined);
62
63
  var handleControlChange = /*#__PURE__*/function () {
63
64
  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
64
- var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
65
+ var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
65
66
  return _regeneratorRuntime().wrap(function _callee$(_context) {
66
67
  while (1) switch (_context.prev = _context.next) {
67
68
  case 0:
@@ -71,12 +72,13 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
71
72
  fileList: fileList,
72
73
  fileAsDataUrl: fileAsDataUrl
73
74
  });
74
- if (!(!fileList || !fileList.length)) {
75
- _context.next = 5;
75
+ fileAsDataUrlRef.current = fileAsDataUrl;
76
+ if (!(!fileList || !fileList.length || fileAsDataUrl)) {
77
+ _context.next = 6;
76
78
  break;
77
79
  }
78
80
  return _context.abrupt("return");
79
- case 5:
81
+ case 6:
80
82
  if (pendingRequestRef.current) {
81
83
  pendingRequestRef.current();
82
84
  pendingRequestRef.current = undefined;
@@ -88,22 +90,44 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
88
90
  data: fileList[0]
89
91
  }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
90
92
  pendingRequestRef.current = cancelRequest;
91
- _context.next = 11;
92
- return response.finally(function () {
93
- return setIsLoading(false);
94
- });
95
- case 11:
93
+ _context.prev = 10;
94
+ _context.next = 13;
95
+ return response;
96
+ case 13:
96
97
  responseObject = _context.sent;
98
+ _context.next = 19;
99
+ break;
100
+ case 16:
101
+ _context.prev = 16;
102
+ _context.t0 = _context["catch"](10);
103
+ onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
104
+ case 19:
105
+ _context.prev = 19;
106
+ setIsLoading(false);
107
+ return _context.finish(19);
108
+ case 22:
109
+ if (responseObject) {
110
+ _context.next = 24;
111
+ break;
112
+ }
113
+ return _context.abrupt("return");
114
+ case 24:
115
+ if (responseObject.data.imagePath) {
116
+ paths = {
117
+ original: responseObject.data.imagePath
118
+ };
119
+ }
97
120
  onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
98
121
  fileList: fileList,
99
- dataUrl: fileAsDataUrl,
100
- imageId: responseObject.data.imageId
122
+ dataUrl: fileAsDataUrlRef.current,
123
+ imageId: responseObject.data.imageId,
124
+ paths: paths
101
125
  });
102
- case 13:
126
+ case 26:
103
127
  case "end":
104
128
  return _context.stop();
105
129
  }
106
- }, _callee);
130
+ }, _callee, null, [[10, 16, 19, 22]]);
107
131
  }));
108
132
  return function handleControlChange(_x) {
109
133
  return _ref2.apply(this, arguments);
@@ -145,15 +169,16 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
145
169
  }, []);
146
170
  useEffect(function () {
147
171
  image && setImageExtenstion(FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
148
- return function () {
149
- var _pendingRequestRef$cu;
150
- return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
151
- };
152
172
  }, [image]);
153
173
  useEffect(function () {
154
174
  var src = image !== null && image !== void 0 ? image : initialImage;
155
175
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
156
176
  }, [image, initialImage, isLoading]);
177
+ useEffect(function () {
178
+ return function () {
179
+ if (pendingRequestRef.current) pendingRequestRef.current();
180
+ };
181
+ }, []);
157
182
  var renderImageEditor = function renderImageEditor(defaultProps) {
158
183
  return ImageEditor ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
159
184
  };
package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map CHANGED
@@ -1 +1 @@
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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.d.ts CHANGED
@@ -14,4 +14,5 @@ export declare type TUploadedImageData = {
14
14
  fileList: FileList;
15
15
  dataUrl: string | ArrayBuffer | null | undefined;
16
16
  imageId: string;
17
+ paths?: Record<any, any>;
17
18
  };
package/build/esm/packages/aurora/src/translations/en.json CHANGED
@@ -7,6 +7,7 @@
7
7
  "Remove": "Remove",
8
8
  "Transfering file...": "Transfering file...",
9
9
  "Invalid file format": "Invalid file format",
10
+ "File upload failed": "File upload failed",
10
11
  "Select color": "Select color",
11
12
  "Shades of color": "Shades of color",
12
13
  "Linear gradient": "Linear gradient",
package/build/esm/packages/aurora/src/translations/en.json.js CHANGED
@@ -55,6 +55,7 @@ var en = {
55
55
  Remove: Remove,
56
56
  "Transfering file...": "Transfering file...",
57
57
  "Invalid file format": "Invalid file format",
58
+ "File upload failed": "File upload failed",
58
59
  "Select color": "Select color",
59
60
  "Shades of color": "Shades of color",
60
61
  "Linear gradient": "Linear gradient",
package/build/esm/packages/aurora/src/translations/en.json.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/build/esm/packages/aurora/src/translations/pl.json CHANGED
@@ -7,6 +7,7 @@
7
7
  "Remove": "Usuń",
8
8
  "Transfering file...": "Wgrywanie pliku...",
9
9
  "Invalid file format": "Niepoprawny format pliku",
10
+ "File upload failed": "Błąd wgrywania pliku",
10
11
  "Select color": "Wybierz kolor",
11
12
  "Shades of color": "Odcienie koloru",
12
13
  "Linear gradient": "Gradient liniowy",
package/build/esm/packages/aurora/src/translations/pl.json.js CHANGED
@@ -55,6 +55,7 @@ var pl = {
55
55
  Remove: Remove,
56
56
  "Transfering file...": "Wgrywanie pliku...",
57
57
  "Invalid file format": "Niepoprawny format pliku",
58
+ "File upload failed": "Błąd wgrywania pliku",
58
59
  "Select color": "Wybierz kolor",
59
60
  "Shades of color": "Odcienie koloru",
60
61
  "Linear gradient": "Gradient liniowy",
package/build/esm/packages/aurora/src/translations/pl.json.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "3.1.5",
5
+ "version": "3.1.6",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",