@dreamcommerce/aurora 3.1.5-3 → 3.1.5-4

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 (28) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +1 -6
  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/uploaded_image_picker_item.js +4 -16
  4. package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js +5 -4
  6. package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js +32 -0
  8. package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -0
  9. package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js +20 -43
  10. package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +26 -23
  12. package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
  13. package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +2 -7
  14. package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map +1 -1
  15. package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js +4 -16
  16. package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +5 -4
  18. package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
  19. package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.d.ts +4 -0
  20. package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js +24 -0
  21. package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -0
  22. package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.d.ts +0 -2
  23. package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.d.ts +1 -1
  24. package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js +22 -45
  25. package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js.map +1 -1
  26. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +26 -23
  27. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
  28. 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');
@@ -31,17 +30,13 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
31
30
  onImageSizeUpdated = _ref.onImageSizeUpdated,
32
31
  ImageEditor = _ref.ImageEditor,
33
32
  onError = _ref.onError;
34
- var _useState = React.useState(errors),
35
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
36
- setErrors = _useState2[1];
37
33
  var handleControlError = function handleControlError(errors) {
38
- setErrors(errors);
39
34
  onError === null || onError === void 0 ? void 0 : onError(errors);
40
35
  };
41
36
  var handleControlChange = function handleControlChange(file) {
42
37
  var fileList = file.fileList,
43
38
  fileAsDataUrl = file.fileAsDataUrl;
44
- setErrors(null);
39
+ onError === null || onError === void 0 ? void 0 : onError([]);
45
40
  onChange === null || onChange === void 0 ? void 0 : onChange({
46
41
  fileList: fileList,
47
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;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/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,11 +57,9 @@ 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
- var newErrors = [].concat(_rollupPluginBabelHelpers.toConsumableArray(errors), [i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)]);
85
- setErrors(newErrors);
62
+ var newErrors = [i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)];
86
63
  onError === null || onError === void 0 ? void 0 : onError(newErrors);
87
64
  return isValid;
88
65
  };
@@ -90,12 +67,12 @@ var useImagePicker = function useImagePicker(_ref) {
90
67
  changeFile(event.target.files);
91
68
  };
92
69
  var changeFile = function changeFile(files) {
93
- setErrors([]);
70
+ onError === null || onError === void 0 ? void 0 : onError([]);
94
71
  updateFile(files);
95
72
  };
96
73
  var updateFile = function updateFile(files) {
97
74
  if (files !== null && files !== void 0 && files.length) {
98
- setFileList(files);
75
+ fileListRef.current = files;
99
76
  reader.current.readAsDataURL(files[0]);
100
77
  setFile({
101
78
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
@@ -114,7 +91,10 @@ var useImagePicker = function useImagePicker(_ref) {
114
91
  setPreview(true);
115
92
  };
116
93
  var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
117
- setFileAsDataUrl(fileReaderResult);
94
+ onChange === null || onChange === void 0 ? void 0 : onChange({
95
+ fileList: fileListRef.current,
96
+ fileAsDataUrl: fileReaderResult
97
+ });
118
98
  };
119
99
  var onDragOver = function onDragOver(event) {
120
100
  event.stopPropagation();
@@ -129,11 +109,9 @@ var useImagePicker = function useImagePicker(_ref) {
129
109
  };
130
110
  var onFileDelete = function onFileDelete() {
131
111
  inputRef.current.value = '';
132
- setFileList(null);
112
+ fileListRef.current = null;
133
113
  setFile(undefined);
134
- setFileAsDataUrl(null);
135
114
  setPreview(true);
136
- setErrors([]);
137
115
  onChange === null || onChange === void 0 ? void 0 : onChange({
138
116
  fileList: null,
139
117
  fileAsDataUrl: null
@@ -151,7 +129,6 @@ var useImagePicker = function useImagePicker(_ref) {
151
129
  onPreviewError: onPreviewError,
152
130
  changeFile: changeFile,
153
131
  file: file,
154
- errors: errors,
155
132
  isPreview: isPreview,
156
133
  isDragOver: isDragOver
157
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;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,6 +67,7 @@ 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
73
  var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
@@ -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,28 +98,28 @@ 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.prev = 9;
100
- _context.next = 12;
101
+ _context.prev = 10;
102
+ _context.next = 13;
101
103
  return response;
102
- case 12:
104
+ case 13:
103
105
  responseObject = _context.sent;
104
- _context.next = 18;
106
+ _context.next = 19;
105
107
  break;
106
- case 15:
107
- _context.prev = 15;
108
- _context.t0 = _context["catch"](9);
108
+ case 16:
109
+ _context.prev = 16;
110
+ _context.t0 = _context["catch"](10);
109
111
  onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
110
- case 18:
111
- _context.prev = 18;
112
+ case 19:
113
+ _context.prev = 19;
112
114
  setIsLoading(false);
113
- return _context.finish(18);
114
- case 21:
115
+ return _context.finish(19);
116
+ case 22:
115
117
  if (responseObject) {
116
- _context.next = 23;
118
+ _context.next = 24;
117
119
  break;
118
120
  }
119
121
  return _context.abrupt("return");
120
- case 23:
122
+ case 24:
121
123
  if (responseObject.data.imagePath) {
122
124
  paths = {
123
125
  original: responseObject.data.imagePath
@@ -125,15 +127,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
125
127
  }
126
128
  onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
127
129
  fileList: fileList,
128
- dataUrl: fileAsDataUrl,
130
+ dataUrl: fileAsDataUrlRef.current,
129
131
  imageId: responseObject.data.imageId,
130
132
  paths: paths
131
133
  });
132
- case 25:
134
+ case 26:
133
135
  case "end":
134
136
  return _context.stop();
135
137
  }
136
- }, _callee, null, [[9, 15, 18, 21]]);
138
+ }, _callee, null, [[10, 16, 19, 22]]);
137
139
  }));
138
140
  return function handleControlChange(_x) {
139
141
  return _ref2.apply(this, arguments);
@@ -175,15 +177,16 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
175
177
  }, []);
176
178
  React.useEffect(function () {
177
179
  image && setImageExtenstion(utilities.FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
178
- return function () {
179
- var _pendingRequestRef$cu;
180
- return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
181
- };
182
180
  }, [image]);
183
181
  React.useEffect(function () {
184
182
  var src = image !== null && image !== void 0 ? image : initialImage;
185
183
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
186
184
  }, [image, initialImage, isLoading]);
185
+ React.useEffect(function () {
186
+ return function () {
187
+ if (pendingRequestRef.current) pendingRequestRef.current();
188
+ };
189
+ }, []);
187
190
  var renderImageEditor = function renderImageEditor(defaultProps) {
188
191
  return ImageEditor ? (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps)))) : null;
189
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;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/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';
@@ -23,17 +22,13 @@ var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
23
22
  onImageSizeUpdated = _ref.onImageSizeUpdated,
24
23
  ImageEditor = _ref.ImageEditor,
25
24
  onError = _ref.onError;
26
- var _useState = useState(errors),
27
- _useState2 = _slicedToArray(_useState, 2),
28
- setErrors = _useState2[1];
29
25
  var handleControlError = function handleControlError(errors) {
30
- setErrors(errors);
31
26
  onError === null || onError === void 0 ? void 0 : onError(errors);
32
27
  };
33
28
  var handleControlChange = function handleControlChange(file) {
34
29
  var fileList = file.fileList,
35
30
  fileAsDataUrl = file.fileAsDataUrl;
36
- setErrors(null);
31
+ onError === null || onError === void 0 ? void 0 : onError([]);
37
32
  onChange === null || onChange === void 0 ? void 0 : onChange({
38
33
  fileList: fileList,
39
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;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/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,11 +53,9 @@ 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
- var newErrors = [].concat(_toConsumableArray(errors), [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)]);
81
- setErrors(newErrors);
58
+ var newErrors = [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)];
82
59
  onError === null || onError === void 0 ? void 0 : onError(newErrors);
83
60
  return isValid;
84
61
  };
@@ -86,12 +63,12 @@ var useImagePicker = function useImagePicker(_ref) {
86
63
  changeFile(event.target.files);
87
64
  };
88
65
  var changeFile = function changeFile(files) {
89
- setErrors([]);
66
+ onError === null || onError === void 0 ? void 0 : onError([]);
90
67
  updateFile(files);
91
68
  };
92
69
  var updateFile = function updateFile(files) {
93
70
  if (files !== null && files !== void 0 && files.length) {
94
- setFileList(files);
71
+ fileListRef.current = files;
95
72
  reader.current.readAsDataURL(files[0]);
96
73
  setFile({
97
74
  fileName: files === null || files === void 0 ? void 0 : files[0].name,
@@ -110,7 +87,10 @@ var useImagePicker = function useImagePicker(_ref) {
110
87
  setPreview(true);
111
88
  };
112
89
  var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
113
- setFileAsDataUrl(fileReaderResult);
90
+ onChange === null || onChange === void 0 ? void 0 : onChange({
91
+ fileList: fileListRef.current,
92
+ fileAsDataUrl: fileReaderResult
93
+ });
114
94
  };
115
95
  var onDragOver = function onDragOver(event) {
116
96
  event.stopPropagation();
@@ -125,11 +105,9 @@ var useImagePicker = function useImagePicker(_ref) {
125
105
  };
126
106
  var onFileDelete = function onFileDelete() {
127
107
  inputRef.current.value = '';
128
- setFileList(null);
108
+ fileListRef.current = null;
129
109
  setFile(undefined);
130
- setFileAsDataUrl(null);
131
110
  setPreview(true);
132
- setErrors([]);
133
111
  onChange === null || onChange === void 0 ? void 0 : onChange({
134
112
  fileList: null,
135
113
  fileAsDataUrl: null
@@ -147,7 +125,6 @@ var useImagePicker = function useImagePicker(_ref) {
147
125
  onPreviewError: onPreviewError,
148
126
  changeFile: changeFile,
149
127
  file: file,
150
- errors: errors,
151
128
  isPreview: isPreview,
152
129
  isDragOver: isDragOver
153
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;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,6 +59,7 @@ 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
65
  var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
@@ -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,28 +90,28 @@ 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.prev = 9;
92
- _context.next = 12;
93
+ _context.prev = 10;
94
+ _context.next = 13;
93
95
  return response;
94
- case 12:
96
+ case 13:
95
97
  responseObject = _context.sent;
96
- _context.next = 18;
98
+ _context.next = 19;
97
99
  break;
98
- case 15:
99
- _context.prev = 15;
100
- _context.t0 = _context["catch"](9);
100
+ case 16:
101
+ _context.prev = 16;
102
+ _context.t0 = _context["catch"](10);
101
103
  onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
102
- case 18:
103
- _context.prev = 18;
104
+ case 19:
105
+ _context.prev = 19;
104
106
  setIsLoading(false);
105
- return _context.finish(18);
106
- case 21:
107
+ return _context.finish(19);
108
+ case 22:
107
109
  if (responseObject) {
108
- _context.next = 23;
110
+ _context.next = 24;
109
111
  break;
110
112
  }
111
113
  return _context.abrupt("return");
112
- case 23:
114
+ case 24:
113
115
  if (responseObject.data.imagePath) {
114
116
  paths = {
115
117
  original: responseObject.data.imagePath
@@ -117,15 +119,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
117
119
  }
118
120
  onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
119
121
  fileList: fileList,
120
- dataUrl: fileAsDataUrl,
122
+ dataUrl: fileAsDataUrlRef.current,
121
123
  imageId: responseObject.data.imageId,
122
124
  paths: paths
123
125
  });
124
- case 25:
126
+ case 26:
125
127
  case "end":
126
128
  return _context.stop();
127
129
  }
128
- }, _callee, null, [[9, 15, 18, 21]]);
130
+ }, _callee, null, [[10, 16, 19, 22]]);
129
131
  }));
130
132
  return function handleControlChange(_x) {
131
133
  return _ref2.apply(this, arguments);
@@ -167,15 +169,16 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
167
169
  }, []);
168
170
  useEffect(function () {
169
171
  image && setImageExtenstion(FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
170
- return function () {
171
- var _pendingRequestRef$cu;
172
- return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
173
- };
174
172
  }, [image]);
175
173
  useEffect(function () {
176
174
  var src = image !== null && image !== void 0 ? image : initialImage;
177
175
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
178
176
  }, [image, initialImage, isLoading]);
177
+ useEffect(function () {
178
+ return function () {
179
+ if (pendingRequestRef.current) pendingRequestRef.current();
180
+ };
181
+ }, []);
179
182
  var renderImageEditor = function renderImageEditor(defaultProps) {
180
183
  return ImageEditor ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
181
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;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/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-3",
5
+ "version": "3.1.5-4",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",