@dreamcommerce/aurora 3.1.5 → 3.1.7-1
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.
- package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +9 -10
- package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js +5 -3
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js +6 -10
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.js +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js +3 -9
- package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js +4 -16
- package/build/cjs/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js +26 -18
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js +36 -0
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js +36 -52
- package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +54 -20
- package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/en.json.js +1 -0
- package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/cjs/packages/aurora/src/translations/pl.json.js +1 -0
- package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +10 -11
- package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.d.ts +5 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js +5 -3
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_drag_over_placeholder.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.d.ts +1 -3
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js +6 -10
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview.js +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js +3 -9
- package/build/esm/packages/aurora/src/components/image_picker/components/image_picker_preview_container.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js +4 -16
- package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +27 -19
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js +28 -0
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -0
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.d.ts +3 -11
- package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js +38 -54
- package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js +55 -21
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker_types.d.ts +1 -0
- package/build/esm/packages/aurora/src/translations/en.json +1 -0
- package/build/esm/packages/aurora/src/translations/en.json.js +1 -0
- package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
- package/build/esm/packages/aurora/src/translations/pl.json +1 -0
- package/build/esm/packages/aurora/src/translations/pl.json.js +1 -0
- package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { i18n } from '../../i18n.js';
|
|
3
|
-
import { slicedToArray as _slicedToArray
|
|
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,24 @@ 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
|
|
12
|
+
var fileListRef = useRef(null);
|
|
13
|
+
var _useState = useState(initialFile),
|
|
14
14
|
_useState2 = _slicedToArray(_useState, 2),
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
var _useState3 = useState(
|
|
15
|
+
file = _useState2[0],
|
|
16
|
+
setFile = _useState2[1];
|
|
17
|
+
var _useState3 = useState(false),
|
|
18
18
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
var _useState5 = useState(
|
|
19
|
+
isDragOver = _useState4[0],
|
|
20
|
+
setDragOver = _useState4[1];
|
|
21
|
+
var _useState5 = useState(true),
|
|
22
22
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
23
|
-
|
|
24
|
-
|
|
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());
|
|
26
|
+
var dragTimeoutRef = useRef(null);
|
|
38
27
|
useEffect(function () {
|
|
39
|
-
reader.current && getDataUrlFromFile(reader.current.result);
|
|
28
|
+
reader.current.result && getDataUrlFromFile(reader.current.result);
|
|
40
29
|
reader.current.addEventListener('load', function () {
|
|
41
30
|
return getDataUrlFromFile(reader.current.result);
|
|
42
31
|
}, false);
|
|
@@ -49,23 +38,15 @@ var useImagePicker = function useImagePicker(_ref) {
|
|
|
49
38
|
useEffect(function () {
|
|
50
39
|
setFile(initialFile);
|
|
51
40
|
}, [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
41
|
var onDropFile = function onDropFile(event) {
|
|
62
|
-
|
|
42
|
+
onError === null || onError === void 0 ? void 0 : onError([]);
|
|
63
43
|
event.stopPropagation();
|
|
64
44
|
event.preventDefault();
|
|
45
|
+
setDragOver(false);
|
|
65
46
|
var files = event.dataTransfer.files;
|
|
66
47
|
if (!files.length) return;
|
|
67
|
-
validateFileExtension(allowedExtensions, files[0].type);
|
|
68
|
-
|
|
48
|
+
var isValid = validateFileExtension(allowedExtensions, files[0].type);
|
|
49
|
+
if (!isValid) return;
|
|
69
50
|
updateFile(files);
|
|
70
51
|
};
|
|
71
52
|
var validateFileExtension = function validateFileExtension(allowedExtensions, mimeType) {
|
|
@@ -73,24 +54,21 @@ var useImagePicker = function useImagePicker(_ref) {
|
|
|
73
54
|
var isValid = allowedExtensions.reduce(function (acc, extension) {
|
|
74
55
|
return acc ? acc : MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
|
|
75
56
|
}, false);
|
|
76
|
-
if (isValid) {
|
|
77
|
-
|
|
78
|
-
return isValid;
|
|
57
|
+
if (!isValid) {
|
|
58
|
+
onError === null || onError === void 0 ? void 0 : onError([i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)]);
|
|
79
59
|
}
|
|
80
|
-
setErrors([].concat(_toConsumableArray(errors), [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)]));
|
|
81
|
-
onError === null || onError === void 0 ? void 0 : onError(errors);
|
|
82
60
|
return isValid;
|
|
83
61
|
};
|
|
84
62
|
var onFileChange = function onFileChange(event) {
|
|
85
63
|
changeFile(event.target.files);
|
|
86
64
|
};
|
|
87
65
|
var changeFile = function changeFile(files) {
|
|
88
|
-
|
|
66
|
+
onError === null || onError === void 0 ? void 0 : onError([]);
|
|
89
67
|
updateFile(files);
|
|
90
68
|
};
|
|
91
69
|
var updateFile = function updateFile(files) {
|
|
92
70
|
if (files !== null && files !== void 0 && files.length) {
|
|
93
|
-
|
|
71
|
+
fileListRef.current = files;
|
|
94
72
|
reader.current.readAsDataURL(files[0]);
|
|
95
73
|
setFile({
|
|
96
74
|
fileName: files === null || files === void 0 ? void 0 : files[0].name,
|
|
@@ -109,26 +87,33 @@ var useImagePicker = function useImagePicker(_ref) {
|
|
|
109
87
|
setPreview(true);
|
|
110
88
|
};
|
|
111
89
|
var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
|
|
112
|
-
|
|
90
|
+
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
91
|
+
fileList: fileListRef.current,
|
|
92
|
+
fileAsDataUrl: fileReaderResult
|
|
93
|
+
});
|
|
113
94
|
};
|
|
114
95
|
var onDragOver = function onDragOver(event) {
|
|
96
|
+
var dt = event.dataTransfer;
|
|
97
|
+
if (!dt.types || !(dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.includes('Files'))) {
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
115
100
|
event.stopPropagation();
|
|
116
101
|
event.preventDefault();
|
|
117
102
|
event.dataTransfer.dropEffect = 'copy';
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
}
|
|
103
|
+
setDragOver(true);
|
|
104
|
+
dragTimeoutRef.current && window.clearTimeout(dragTimeoutRef.current);
|
|
121
105
|
};
|
|
122
|
-
var onDragLeave = function onDragLeave() {
|
|
123
|
-
|
|
106
|
+
var onDragLeave = function onDragLeave(event) {
|
|
107
|
+
dragTimeoutRef.current = setTimeout(function () {
|
|
108
|
+
setDragOver(false);
|
|
109
|
+
dragTimeoutRef.current = null;
|
|
110
|
+
}, 25);
|
|
124
111
|
};
|
|
125
112
|
var onFileDelete = function onFileDelete() {
|
|
126
113
|
inputRef.current.value = '';
|
|
127
|
-
|
|
114
|
+
fileListRef.current = null;
|
|
128
115
|
setFile(undefined);
|
|
129
|
-
setFileAsDataUrl(null);
|
|
130
116
|
setPreview(true);
|
|
131
|
-
setErrors([]);
|
|
132
117
|
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
133
118
|
fileList: null,
|
|
134
119
|
fileAsDataUrl: null
|
|
@@ -146,7 +131,6 @@ var useImagePicker = function useImagePicker(_ref) {
|
|
|
146
131
|
onPreviewError: onPreviewError,
|
|
147
132
|
changeFile: changeFile,
|
|
148
133
|
file: file,
|
|
149
|
-
errors: errors,
|
|
150
134
|
isPreview: isPreview,
|
|
151
135
|
isDragOver: isDragOver
|
|
152
136
|
};
|
|
@@ -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;
|
|
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;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IXhrImagePickerProps } from './xhr_image_picker_types';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare const XhrImagePicker: React.
|
|
3
|
+
export declare const XhrImagePicker: React.ForwardRefExoticComponent<IXhrImagePickerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useRef, useState, useEffect } from 'react';
|
|
1
|
+
import React, { forwardRef, useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
3
|
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
4
|
import { Loader } from '../loader/loader.js';
|
|
@@ -11,7 +11,7 @@ import { ImageEditLineIcon } from '../../assets/icons/image_edit_icon.js';
|
|
|
11
11
|
import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
|
|
12
12
|
import { useHttpApi } from '../../hooks/use_http_api.js';
|
|
13
13
|
|
|
14
|
-
var XhrImagePicker = function
|
|
14
|
+
var XhrImagePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
15
15
|
var id = _ref.id,
|
|
16
16
|
url = _ref.url,
|
|
17
17
|
name = _ref.name,
|
|
@@ -59,9 +59,10 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
59
59
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
60
60
|
imageExtenstion = _useState12[0],
|
|
61
61
|
setImageExtenstion = _useState12[1];
|
|
62
|
+
var fileAsDataUrlRef = useRef(undefined);
|
|
62
63
|
var handleControlChange = /*#__PURE__*/function () {
|
|
63
64
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
|
|
64
|
-
var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
|
|
65
|
+
var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, _responseObject$data$, paths;
|
|
65
66
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
66
67
|
while (1) switch (_context.prev = _context.next) {
|
|
67
68
|
case 0:
|
|
@@ -71,12 +72,13 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
71
72
|
fileList: fileList,
|
|
72
73
|
fileAsDataUrl: fileAsDataUrl
|
|
73
74
|
});
|
|
74
|
-
|
|
75
|
-
|
|
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
|
|
81
|
+
case 6:
|
|
80
82
|
if (pendingRequestRef.current) {
|
|
81
83
|
pendingRequestRef.current();
|
|
82
84
|
pendingRequestRef.current = undefined;
|
|
@@ -88,22 +90,51 @@ 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.
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
case 11:
|
|
93
|
+
_context.prev = 10;
|
|
94
|
+
_context.next = 13;
|
|
95
|
+
return response;
|
|
96
|
+
case 13:
|
|
96
97
|
responseObject = _context.sent;
|
|
98
|
+
_context.next = 19;
|
|
99
|
+
break;
|
|
100
|
+
case 16:
|
|
101
|
+
_context.prev = 16;
|
|
102
|
+
_context.t0 = _context["catch"](10);
|
|
103
|
+
onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
|
|
104
|
+
case 19:
|
|
105
|
+
_context.prev = 19;
|
|
106
|
+
setIsLoading(false);
|
|
107
|
+
return _context.finish(19);
|
|
108
|
+
case 22:
|
|
109
|
+
if (responseObject) {
|
|
110
|
+
_context.next = 24;
|
|
111
|
+
break;
|
|
112
|
+
}
|
|
113
|
+
return _context.abrupt("return");
|
|
114
|
+
case 24:
|
|
115
|
+
if (!(responseObject.data.isSuccess === false)) {
|
|
116
|
+
_context.next = 27;
|
|
117
|
+
break;
|
|
118
|
+
}
|
|
119
|
+
onError === null || onError === void 0 ? void 0 : onError((_responseObject$data$ = responseObject.data.messages) !== null && _responseObject$data$ !== void 0 ? _responseObject$data$ : [t('File upload failed')]);
|
|
120
|
+
return _context.abrupt("return");
|
|
121
|
+
case 27:
|
|
122
|
+
if (responseObject.data.imagePath) {
|
|
123
|
+
paths = {
|
|
124
|
+
original: responseObject.data.imagePath
|
|
125
|
+
};
|
|
126
|
+
}
|
|
97
127
|
onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
|
|
98
128
|
fileList: fileList,
|
|
99
|
-
dataUrl:
|
|
100
|
-
imageId: responseObject.data.imageId
|
|
129
|
+
dataUrl: fileAsDataUrlRef.current,
|
|
130
|
+
imageId: responseObject.data.imageId,
|
|
131
|
+
paths: paths
|
|
101
132
|
});
|
|
102
|
-
case
|
|
133
|
+
case 29:
|
|
103
134
|
case "end":
|
|
104
135
|
return _context.stop();
|
|
105
136
|
}
|
|
106
|
-
}, _callee);
|
|
137
|
+
}, _callee, null, [[10, 16, 19, 22]]);
|
|
107
138
|
}));
|
|
108
139
|
return function handleControlChange(_x) {
|
|
109
140
|
return _ref2.apply(this, arguments);
|
|
@@ -145,15 +176,16 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
145
176
|
}, []);
|
|
146
177
|
useEffect(function () {
|
|
147
178
|
image && setImageExtenstion(FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
|
|
148
|
-
return function () {
|
|
149
|
-
var _pendingRequestRef$cu;
|
|
150
|
-
return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
|
|
151
|
-
};
|
|
152
179
|
}, [image]);
|
|
153
180
|
useEffect(function () {
|
|
154
181
|
var src = image !== null && image !== void 0 ? image : initialImage;
|
|
155
182
|
setImageEditorSrc(src !== null && src !== void 0 ? src : '');
|
|
156
183
|
}, [image, initialImage, isLoading]);
|
|
184
|
+
useEffect(function () {
|
|
185
|
+
return function () {
|
|
186
|
+
if (pendingRequestRef.current) pendingRequestRef.current();
|
|
187
|
+
};
|
|
188
|
+
}, []);
|
|
157
189
|
var renderImageEditor = function renderImageEditor(defaultProps) {
|
|
158
190
|
return ImageEditor ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps)))) : null;
|
|
159
191
|
};
|
|
@@ -186,7 +218,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
186
218
|
}), /*#__PURE__*/React.createElement("span", {
|
|
187
219
|
className: "aurora-text-xs aurora-text aurora-font-semibold"
|
|
188
220
|
}, "".concat(t('Edit'))))),
|
|
189
|
-
editedImageResult: imageEditorResult
|
|
221
|
+
editedImageResult: imageEditorResult,
|
|
222
|
+
ref: ref
|
|
190
223
|
})), !!ImageEditor && (/*#__PURE__*/React.createElement(Modal, {
|
|
191
224
|
name: modalId,
|
|
192
225
|
header: /*#__PURE__*/React.createElement(React.Fragment, null, t('Edit image')),
|
|
@@ -198,7 +231,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
|
|
|
198
231
|
setImageEditorResult(result);
|
|
199
232
|
}
|
|
200
233
|
}))));
|
|
201
|
-
};
|
|
234
|
+
});
|
|
235
|
+
XhrImagePicker.displayName = 'XhrImagePicker';
|
|
202
236
|
|
|
203
237
|
export { XhrImagePicker };
|
|
204
238
|
//# sourceMappingURL=xhr_image_picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
"Remove": "Remove",
|
|
8
8
|
"Transfering file...": "Transfering file...",
|
|
9
9
|
"Invalid file format": "Invalid file format",
|
|
10
|
+
"File upload failed": "File upload failed",
|
|
10
11
|
"Select color": "Select color",
|
|
11
12
|
"Shades of color": "Shades of color",
|
|
12
13
|
"Linear gradient": "Linear gradient",
|
|
@@ -55,6 +55,7 @@ var en = {
|
|
|
55
55
|
Remove: Remove,
|
|
56
56
|
"Transfering file...": "Transfering file...",
|
|
57
57
|
"Invalid file format": "Invalid file format",
|
|
58
|
+
"File upload failed": "File upload failed",
|
|
58
59
|
"Select color": "Select color",
|
|
59
60
|
"Shades of color": "Shades of color",
|
|
60
61
|
"Linear gradient": "Linear gradient",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
"Remove": "Usuń",
|
|
8
8
|
"Transfering file...": "Wgrywanie pliku...",
|
|
9
9
|
"Invalid file format": "Niepoprawny format pliku",
|
|
10
|
+
"File upload failed": "Błąd wgrywania pliku",
|
|
10
11
|
"Select color": "Wybierz kolor",
|
|
11
12
|
"Shades of color": "Odcienie koloru",
|
|
12
13
|
"Linear gradient": "Gradient liniowy",
|
|
@@ -55,6 +55,7 @@ var pl = {
|
|
|
55
55
|
Remove: Remove,
|
|
56
56
|
"Transfering file...": "Wgrywanie pliku...",
|
|
57
57
|
"Invalid file format": "Niepoprawny format pliku",
|
|
58
|
+
"File upload failed": "Błąd wgrywania pliku",
|
|
58
59
|
"Select color": "Wybierz kolor",
|
|
59
60
|
"Shades of color": "Odcienie koloru",
|
|
60
61
|
"Linear gradient": "Gradient liniowy",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|