@dreamcommerce/aurora 3.1.5-2 → 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 +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/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 +30 -19
  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 +5 -8
  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 +30 -19
  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');
@@ -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/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,20 +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.next = 11;
100
- return response.catch(function () {
101
- onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
102
- }).finally(function () {
103
- return setIsLoading(false);
104
- });
105
- case 11:
101
+ _context.prev = 10;
102
+ _context.next = 13;
103
+ return response;
104
+ case 13:
106
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:
107
117
  if (responseObject) {
108
- _context.next = 14;
118
+ _context.next = 24;
109
119
  break;
110
120
  }
111
121
  return _context.abrupt("return");
112
- case 14:
122
+ case 24:
113
123
  if (responseObject.data.imagePath) {
114
124
  paths = {
115
125
  original: responseObject.data.imagePath
@@ -117,15 +127,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
117
127
  }
118
128
  onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
119
129
  fileList: fileList,
120
- dataUrl: fileAsDataUrl,
130
+ dataUrl: fileAsDataUrlRef.current,
121
131
  imageId: responseObject.data.imageId,
122
132
  paths: paths
123
133
  });
124
- case 16:
134
+ case 26:
125
135
  case "end":
126
136
  return _context.stop();
127
137
  }
128
- }, _callee);
138
+ }, _callee, null, [[10, 16, 19, 22]]);
129
139
  }));
130
140
  return function handleControlChange(_x) {
131
141
  return _ref2.apply(this, arguments);
@@ -167,15 +177,16 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
167
177
  }, []);
168
178
  React.useEffect(function () {
169
179
  image && setImageExtenstion(utilities.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
180
  }, [image]);
175
181
  React.useEffect(function () {
176
182
  var src = image !== null && image !== void 0 ? image : initialImage;
177
183
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
178
184
  }, [image, initialImage, isLoading]);
185
+ React.useEffect(function () {
186
+ return function () {
187
+ if (pendingRequestRef.current) pendingRequestRef.current();
188
+ };
189
+ }, []);
179
190
  var renderImageEditor = function renderImageEditor(defaultProps) {
180
191
  return ImageEditor ? (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps)))) : null;
181
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;"}
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';
@@ -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/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,20 +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.next = 11;
92
- return response.catch(function () {
93
- onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
94
- }).finally(function () {
95
- return setIsLoading(false);
96
- });
97
- case 11:
93
+ _context.prev = 10;
94
+ _context.next = 13;
95
+ return response;
96
+ case 13:
98
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:
99
109
  if (responseObject) {
100
- _context.next = 14;
110
+ _context.next = 24;
101
111
  break;
102
112
  }
103
113
  return _context.abrupt("return");
104
- case 14:
114
+ case 24:
105
115
  if (responseObject.data.imagePath) {
106
116
  paths = {
107
117
  original: responseObject.data.imagePath
@@ -109,15 +119,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
109
119
  }
110
120
  onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
111
121
  fileList: fileList,
112
- dataUrl: fileAsDataUrl,
122
+ dataUrl: fileAsDataUrlRef.current,
113
123
  imageId: responseObject.data.imageId,
114
124
  paths: paths
115
125
  });
116
- case 16:
126
+ case 26:
117
127
  case "end":
118
128
  return _context.stop();
119
129
  }
120
- }, _callee);
130
+ }, _callee, null, [[10, 16, 19, 22]]);
121
131
  }));
122
132
  return function handleControlChange(_x) {
123
133
  return _ref2.apply(this, arguments);
@@ -159,15 +169,16 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
159
169
  }, []);
160
170
  useEffect(function () {
161
171
  image && setImageExtenstion(FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
162
- return function () {
163
- var _pendingRequestRef$cu;
164
- return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
165
- };
166
172
  }, [image]);
167
173
  useEffect(function () {
168
174
  var src = image !== null && image !== void 0 ? image : initialImage;
169
175
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
170
176
  }, [image, initialImage, isLoading]);
177
+ useEffect(function () {
178
+ return function () {
179
+ if (pendingRequestRef.current) pendingRequestRef.current();
180
+ };
181
+ }, []);
171
182
  var renderImageEditor = function renderImageEditor(defaultProps) {
172
183
  return ImageEditor ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
173
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;"}
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-2",
5
+ "version": "3.1.5-4",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",